var points = [
    {
      id: 1,
      lng: 110.302277,
      lat: 20.01234,
      title: "海瑞墓",
      content: ["地址：海瑞墓", "电话：0898-68913546"],
    },
   
  ];




  var map = new BaiduMap({
    id: "container3",
    level: 16, //  选填--地图级别--(默认15)
    zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)
    type: ["地图", "卫星"], // 选填--显示地图类型--(默认不显示)
    width: 320, // 选填--信息窗口width--(默认自动调整)
    height: 70, // 选填--信息窗口height--(默认自动调整)
    titleClass: "title",
    contentClass: "content",
    showPanorama: true, // 是否显示全景控件(默认false)
    showMarkPanorama: true, // 是否显示标注点全景图(默认false)
    showLabel: false, // 是否显示文本标注(默认false)
    mapStyle: "normal", // 默认normal,可选dark,light
    icon: {
      // 选填--自定义icon图标
      url: "./images/attractions/marker2.png",
      width: 34,
      height: 94,
    },
    centerPoint: {
      // 中心点经纬度
      lng: 110.302277,
      lat: 20.01234,
    },
    index: 3, // 开启对应的信息窗口，默认-1不开启
    animate: true, // 是否开启坠落动画，默认false
    points: points, // 标注点--id(唯一标识)
    callback: function (id) {
      $(".list")
        .find("li")
        .eq(id - 1)
        .addClass("active")
        .siblings()
        .removeClass("active");
    },
  });

  var data = map.getPosition();
  var $li = $(".list").find("li");

  $li
    .each(function (i) {
      $(this).data("id", i + 1);
    })
    .on("click", function () {
      map.openInfoWindow($(this).data("id"));
      $(this).addClass("active").siblings().removeClass("active");
    })
    .addClass("active");